<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi" lang="vi" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>view page</title>
<meta name="google-site-verification" content="xRZYrusj7t0hc-VAMm1o74xH-QFdkqQvdWfnrsO2w7w" />
<link rel="stylesheet" type="text/css" href="/html/css/style.min.css" media="all">
<link rel="stylesheet" type="text/css" href="/html/css/style.sp.css" media="all">
<link rel="stylesheet" type="text/css" href="/html/css/style.tab.css" media="all">
<script src="/html/js/jquery.min.js"></script>
<script src="/html/js/header.js"></script>
</head>
<body>
    <div id="header" class="wrap-header black-header">
        <div class="content-search">
            <div class="search">
                <div class="wrap-inner">
                    <div class="tb t-search">
                        <div class="td logo">
                            <a href="#"><img src="/html/img/logo.png" alt="vietphotos.net" title="vietphotos.net"></a>
                        </div>
                        <div class="td search-form">
                            <form name="fullsearch">
                                <input class="input-fullsearch" type="text" placeholder="Tìm Kiếm" />
                            </form>
                        </div>
                        <div class="td right">
                            <ul class="action">
                                <li><a href="#">Đăng Ký</a></li>
                                <li><a href="#">Đăng Nhập</a></li>
                                <li><a href="#">Đăng Ảnh</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sp">
                <div class="sp_fullsearch">
                    <div class="in">
                        <form name="fullsearch">
                             <input class="input-fullsearch" type="text" placeholder="Tìm Kiếm" />
                             <button type="submit" class="b_search"></button>
                         </form>
                     </div>
                </div>
            </div>
        </div>
    </div>
    <div id="main" style="margin-bottom:500px;">
        <div class="view-header wrap-header">
            <div class="wrap-inner">
                <div class="info-view">
                    <div class="left">
                        <div class="details">
                            <div class="image">
                                <a href="#"><img src="/html/img/data/view/avatar1.png" alt="kent beat" title="kent beat" /></a>
                            </div>
                            <div class="info">
                                <p class="tit">Nữ sinh trung học</p>
                                <p class="author"><a href="#">kent beat</a></p>
                                <a href="#"><img src="/html/img/icon/follow.png"/></a>
                            </div>
                        </div>
                    </div>
                    <div class="right">
                        <div class="outer">
                            <div class="inner">
                                <div class="box"><a href="#"><span class="like">88</span></a></div>
                                <div class="box"><a href="#"><span class="heart">23</span></a></div>
                                <div class="box box2"><a href="#"><span class="comment">18</span></a></div>
                                <div class="box f_t"><a href="#"><img src="/html/img/icon/a.face.png"><br/>23</a></div>
                                <div class="box f_t"><a href="#"><img src="/html/img/icon/a.tweet.png"><br/>23</a></div>
                                <div class="box last"><span>1080</span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-view wrap-inner">
	        <div class="view-slide">
	           <div class="prev"><a href="#"><img src="/html/img/icon/view-prev.png" /></a></div>
	           <div class="view-pic">
	               <ul id="list-img">
	                   <li><img class="main-img" src="/html/img/data/view/pic1.png" alt="nữ sinh trung học" title="nữ sinh trung học"></img></li>
	               </ul>
	           </div>
	           <div class="next"><a href="#"><img src="/html/img/icon/view-next.png" /></a></div>
	        </div>
            <div class="view-detail">
                <div class="box-outer">
                    <div class="box box1">
                        <div class="inner-box">
                            <div class="tags">Tags</div>
                            <div class="tags-link"><a href="#">Chiều hè,</a>&nbsp;<a href="#">thôn nữ,</a>&nbsp;<a href="#">làng quê</a></div>
                        </div>
                    </div>
                    <div class="box box2">
                        <div class="inner-box">
                            <div class="row row1">CHI TIẾT ẢNH</div>
                            <div class="detail">
                                <table style="width: 100%;">
                                    <tr>
                                        <th>Loại máy</th><td>NIKON D90</td>
                                        <th>Ngày chụp</th><td>20.7.2014</td>
                                    </tr>
                                    <tr>
                                        <th>Ống kính</th><td>FIX 50mm 1.8</td>
                                        <th>Địa điểm chụp</th><td>Hanoi Vietnam</td>
                                    </tr>
                                    <tr><th>Ống kính</th></tr>
                                    <tr><th>Tiêu cự</th></tr>
                                    <tr><th>Khẩu độ</th></tr>
                                    <tr><th>Tốc độ</th></tr>
                                    <tr><th>ISO</th></tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-outer bow">
                    <div class="box box1">
                        <h3>Ảnh cùng tác giả</h3>
                    </div>
                    <div class="box box2">
                        <div class="same-author" id="jquery-prev-next-page">
                            <div class="cell btn-prev">&lt;</div>
                            <div class="cell flex">
                                <div class="d-flex">
                                    <a href="#"><img src="/html/img/data/img-2.png" /></a>
                                    <a href="#"><img src="/html/img/data/img-3.png" /></a>
                                    <a href="#"><img src="/html/img/data/img-4.png" /></a>
                                    <a href="#"><img src="/html/img/data/img-5.png" /></a>
                                    <a href="#"><img src="/html/img/data/img-6.png" /></a>
                                    <a href="#"><img src="/html/img/data/img-7.png" /></a>
                                    <a href="#"><img src="/html/img/data/img-8.png" /></a>
                                    <a href="#"><img src="/html/img/data/img-9.png" /></a>
                                    <a href="#"><img src="/html/img/data/img-10.png" /></a>
                                    <a href="#"><img src="/html/img/data/img-11.png" /></a>
                                    <a href="#"><img src="/html/img/data/img-12.png" /></a>
                                </div>
                            </div>
                            <div class="cell btn-next">&gt;</div>
                        </div>
                        <script type="text/javascript">
                        $(function() {
                        $('#jquery-prev-next-page').prevNextList({
                            object_next :$(this).find('.btn-next'),
                            object_prev : $(this).find('.btn-prev'),
                            object_container: $(this).find('.flex'),
                            object_item_absolute: $(this).find('.d-flex'),
                            speed   : 300
                        });
                        });
                        </script>
                    </div>
                </div>
            </div>

            <div id="social" class="fixvl">
                <div class="comment-area l">
                    <h3>Bình luận</h3>
                <form name="comment">
                    <div class="comment-text">
                        <div class="user-img">
                             <img src="/html/img/data/view/avatar1.png" alt="kent beat" title="bạn" />
                        </div>
                        <div class="comment-input">
                            <textarea class="input-comment-body"></textarea>
                        </div>
                    </div>
                    <div class="command" align="right">
                        <button type="submit" class="submit-comment-body" name="send" value="ok">Gửi bình luận</button>
                    </div>
                </form>
                    <div class="comment-recent">
                         <div class="user-img">
                             <a href="#"><img src="/html/img/data/view/avatar2.png" alt="Fabrie Rose" title="Fabrie Rose" /></a>
                         </div>
                         <div class="user-name">
                             <a href="#"><span class="nick-name">Fabrie Rose</span></a>
                             <span class="timming">5 phút trước</span>
                             <a href="#"><span class="like-recent">Like</span></a>
                         </div>
                         <div class="recent-text">Ảnh đẹp lắm...bạn có thể hướng dẫn tôi cách chụp ảnh được không? Nếu có thể thì cafe hướng dẫn nhé. Thanks</div>
                    </div>
                    <div class="comment-recent">
                         <div class="user-img">
                             <a href="#"><img src="/html/img/data/view/avatar2.png" alt="Fabrie Rose" title="Fabrie Rose" /></a>
                         </div>
                         <div class="user-name">
                             <a href="#"><span class="nick-name">Fabrie Rose</span></a>
                             <span class="timming">5 phút trước</span>
                             <span class="liked-recent">Like</span>
                         </div>
                         <div class="recent-text">Ảnh đẹp lắm...bạn có thể hướng dẫn tôi cách chụp ảnh được không? Nếu có thể thì cafe hướng dẫn nhé. Thanks</div>
                    </div>
                    <div class="comment-recent">
                         <div class="user-img">
                             <a href="#"><img src="/html/img/data/view/avatar2.png" alt="Fabrie Rose" title="Fabrie Rose" /></a>
                         </div>
                         <div class="user-name">
                             <a href="#"><span class="nick-name">Fabrie Rose</span></a>
                             <span class="timming">5 phút trước</span>
                             <span class="liked-recent">Like</span>
                         </div>
                         <div class="recent-text">Ảnh đẹp lắm...bạn có thể hướng dẫn tôi cách chụp ảnh được không? Nếu có thể thì cafe hướng dẫn nhé. Thanks</div>
                    </div>
                </div>

                <div class="right-comment r">
                    <div class="group-like-pic">
                        <p class="group-name">NGƯỜI YÊU ẢNH CỦA TÔI<em>33</em></p>
                        <div class="group-pic">
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-2.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-3.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-4.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-5.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-6.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-7.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-8.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-9.png" /></a></div>
                        </div>
                    </div>
                    <div class="group-like-pic">
                        <p class="group-name">NGƯỜI THÍCH ẢNH CỦA TÔI<em>83</em></p>
                        <div class="group-pic">
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-2.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-3.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-4.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-5.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-6.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-7.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-8.png" /></a></div>
                            <div class="group-pic-item"><a href="#"><img src="/html/img/data/img-9.png" /></a></div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</body>
</html>